.panel {
    margin: 0;
    padding: 0;
    background-color: #fff;
    .wxguanjia {
        padding: .22rem/* 11/50 */
        0 .18rem/* 9/50 */
        ;
        background: #fff;
        font-size: 0;
        border-top: 1px solid #E9ECF0;
    }
}

.wxguanjia-head {
    width: 6.9rem/* 345/50 */
    ;
    margin: 0 auto;
    img {
        width: .64rem/* 32/50 */
        ;
        height: .64rem/* 32/50 */
        ;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: top;
        display: initial;
    }
    span {
        font-size: .28rem/* 14/50 */
        ;
        line-height: .64rem/* 32/50 */
        ;
        margin-left: .18rem/* 9/50 */
        ;
        color: #232628;
        vertical-align: top;
    }
}

.wxguanjia-cont {
    width: 7.1rem/* 355/50 */
    ;
    height: 1.34rem/* 67/50 */
    ;
    line-height: .34rem/* 17/50 */
    ;
    font-size: .24rem/* 12/50 */
    ;
    margin: 0 auto;
    padding: .36rem/* 18/50 */
    .28rem/* 14/50 */
    .3rem/* 15/50 */
    ;
    box-sizing: border-box;
    background-image: url("https://img02.hua.com/m/images/wxguanjia_wode_bg.png");
    color: #232628;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.wxguanjia-bottom {
    box-sizing: border-box;
    width: 6.9rem/* 345/50 */
    ;
    margin: .06rem/* 3/50 */
    auto 0;
    .wxguanjia-bottom-left {
        display: inline-block;
        width: 60%;
        vertical-align: top;
        font-size: .28rem/* 14/50 */
        ;
        line-height: .56rem/* 28/50 */
        ;
    }
    .wxguanjia-bottom-right {
        display: inline-block;
        width: 40%;
        vertical-align: top;
        text-align: right;
        .wxguanjia-bottom-btn {
            display: inline-block;
            padding: 0 .48rem/* 24/50 */
            ;
            font-size: .28rem/* 14/50 */
            ;
            line-height: .6rem/* 30/50 */
            ;
            background-color: #FF734C;
            color: #fff;
            border-radius: .04rem/* 2/50 */
            ;
        }
    }
}

.panel-body {
    box-sizing: border-box;
    border-top: 1px solid #E9ECF0;
    font-size: 0;
    .media {
        position: relative;
        display: inline-block;
        width: 50%;
        vertical-align: top;
        height: 3.74rem/* 187/50 */
        ;
        .media-icon {
            margin-top: 1.04rem/* 52/50 */
            ;
            font-size: .96rem/* 48/50 */
            ;
            text-align: center;
            .icon-erji {
                color: #FF734D;
                font-size: .96rem/* 48/50 */
                ;
            }
            .icon-dianhua {
                color: #FF734D;
                font-size: .96rem/* 48/50 */
                ;
            }
            .media-title {
                margin-top: .2rem/* 10/50 */
                ;
                font-size: .32rem/* 16/50 */
                ;
                color: #232628;
                text-align: center;
            }
        }
    }
}

.media-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .32rem/* 16/50 */
    ;
    border-top: 1px solid #E9ECF0;
    color: #232628;
    .media-row-title {
        flex: 1;
        font-size: .28rem/* 14/50 */
        ;
    }
    i {
        font-size: .24rem/* 12/50 */
        ;
    }
}

.worktime {
    margin-top: .64rem/* 32/50 */
    ;
    font-size: .28rem/* 14/50 */
    ;
    line-height: .4rem/* 20/50 */
    ;
    color: #232628;
    text-align: center;
}

body {
    background-color: #E9ECF0;
}

// .layui-m-layermain {
//     color: #232628;
//     z-index: 400;
//     display: table;
//     font-family: Helvetica, arial, sans-serif;
//     pointer-events: none;
//     position: fixed;
//     left: 0;
//     top: 0;
//     width: 100%;
//     height: 100%;
//     .layui-m-layersection {
//         display: table-cell;
//         vertical-align: middle;
//         text-align: center;
//         .layercontentClip.layui-m-layerchild {
//             width: 69.06666667%;
//             max-width: 640px;
//             h3 {
//                 height: .96rem/* 48/50 */
//                 ;
//                 line-height: .96rem/* 48/50 */
//                 ;
//                 font-size: .32rem/* 16/50 */
//                 ;
//                 color: #232628;
//             }
//         }
//     }
// }